<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页-绝地求生周边商城</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./lib/font/iconfont.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 头部 -->
    <header></header>
    <!-- 主题内容 -->
    <div class="main container">
        <!-- 轮播图 -->
        <div class="main-top">
            <ul class="fr">
                <li>
                    <a href="">
                        <img src="./img/20190219114847_322871.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./img/20190219115946_930652.jpg" alt="">
                    </a>
                </li>
            </ul>
            <ol>
                <li></li>
                <li></li>
            </ol>
        </div>
        <!-- pai -->
        <div class="main-nav">
            <div>
                <h4 class="fl">
                    PAI赛事限定
                </h4>
                <a href="page.html" target="_blank" class="fr">更多</a>
            </div>
            <ul id="paiProductsContent">
            </ul>
            <script type="text/html" id="paiTemplate">
                {{each pailist item}}
                <li>
                    <a href="html/details.html" target="_blank">
                        <img src="{{item.imgUrl}}" />
                        <p>
                            <span>{{item.title}}</span>
                            <i>￥{{item.price}}元
                                <del>￥{{item.oldPrice}}</del>
                            </i>
                        </p>
                    </a>
                </li>
                {{/each}}
            </script>
            <a href="">
                <img src="./img/20191017114501_942228.jpg" alt="">
            </a>
        </div>
        <!-- 周年纪念礼盒 -->
        <div class="commemorate">
            <h4>
                周年纪念礼盒
                <a href="" class="fr">更多</a>
            </h4>
            <div class="bottom-box">
                <a href="" class="fl">
                    <img src="./img/20190325143843_876556.jpg" alt="">
                </a>
                <ul class="fr" id="markContent">
                    <!-- <li>
                        <a href="">
                            <img src="./img/20190411113913_739352.jpg" alt="">
                            <p>周年纪念礼盒</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./img/20190411111039_902218.jpg" alt="">
                            <p>周年纪念卫衣礼盒</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./img/20190411111101_681356.jpg" alt="">
                            <p>周年纪念鼠标垫礼盒</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./img/20190411111126_175439.jpg" alt="">
                            <p>周年典藏礼盒</p>
                        </a>
                    </li> -->
                </ul>
                <script type="text/html" id="markTemplate">
                    {{each datalist item}}
                    <li>
                        <a href="details.html" target="_blank">
                            <img src="{{item.img}}" />
                            <p>{{item.title}}</p>
                        </a>
                    </li>
                    {{/each}}
                </script>
            </div>
        </div>
        <!-- 推荐专区 -->
        <div class="commemorate">
            <h4>
                推荐专区
                <a href="" class="fr">更多</a>
            </h4>
            <div class="bottom-box">
                <a href="" class="fl">
                    <img src="./img/20191017114357_529785.jpg" alt="">
                </a>
                <ul class="fr">
                    <li>
                        <a href="">
                            <img src="./img/20191017114306_889715.jpg" alt="">
                            <p>98K警告T恤</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./img/20191017114244_982315.jpg" alt="">
                            <p>恐龙乐园txu</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./img/20191017114207_423273.jpg" alt="">
                            <p>拳王爆炸头小黄衣</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./img/20190412151435_213984.jpg" alt="">
                            <p>周年纪念卫衣礼盒</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <footer></footer>

    
    <script src="./lib/requirejs/require.js" data-main="/js/index"></script>
</body>
</html>